<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	<script src="../js/countup.js"></script>
	<script src="../js/jquery-1.12.4.min.js"></script>
	</head>
	<body>
		<!-- <div id="num1">23</div> -->
		<h1 id="num1"></h1>
		<div id="btn">开始</div>
	</body>
	<script>
		var options = {
					useEasing: true, // 过渡动画效果，默认ture
					useGrouping: true, // 千分位效果，例：1000->1,000。默认true
					separator: ',', // 使用千分位时分割符号
					decimal: '.', // 小数位分割符号
					prefix: '', // 前置符号
					suffix: '' // 后置符号，可汉字
				}
				// target,startVal,endVal,decimals,duration,options
				// dom节点, 初始值,  结束值, 小数位数, 过渡几秒 , 初始参数
				var num1 = new CountUp('num1', 0, 100, 0, 10, options);
					
					function start() {
						// 开始
						num1.start()
					}
											
					$(document).ready(function(){
						start()
					})
	</script>
	
</html>